在現代網站大量開發的時代下，Framework(網頁開發框架)的勢力愈來愈強，為什麼有使用Framework的架站技術會如此受歡迎呢？主要原因是因為Framework擁有比較明確的MVC架構，而且檔案架構統一，什麼目錄下寫入什麼檔案都有規範好，在除錯或是維護上可以大大提高效率，尤其大部分的Framework都會有開發好的套件可以直接去做安裝，安裝完後就會產生一個完整的專案資料夾，不必像以前一樣從0刻起，讓架站的速度可以更快、更容易上手。

Vue.js是一個前端的框架技術，開發網站不只有前端，後端的資料庫與伺服器也是很重要的，那我們要如何將Vue搭配後端整合成一個App專案？

我們可以使用看看Laravel，因為Laravel在版本5.3之後，直接引入Vue成為預設前端框架，於是我們今天將來試試看使用Laravel這個Framework，並在Laravel的專案中加入Vue檔案，完成一個前後端架構都有的App專案，那首先我們先來認識一下Laravel。

Laravel是一個開發php網站的Framework，一樣是基於MVC架構建置而成，在傳統php網頁開發時，我們通常會將所有邏輯(包含程式邏輯、讀取資料庫或則是前端的顯示)全部寫在一個.php檔裡面，將HTML與php語法夾雜在一起，甚至JS也會寫在裡面，每個.php檔都看起來很亂，而且我們為了好維護，會取名一些自己比較好理解的檔名，如此一來，會造成網站被有心的人攻擊也不是不一定。所以Laravel的出現解決了開發php網站這樣的困擾，它強調是一個全功能開發框架，能做的事情很多，而且沒有太繁瑣的設定，所以也很容易上手，它底下的有很多的工具，會讓我們在開發網頁上更有效率。

composer是php的依賴性套件管理工具，首先要先安裝php才能執行安裝composer。

先安裝homebrew(homebrew跟npm很像都是套件安裝工具)

注意要先安裝Xcode APP。

使用brew安裝php與composer

注意Composer需要php版本5.3.2以上才能使用。

[Project_name]為App名稱

輸入完上面的指令，應該會看到終端機顯示以下畫面：

再打開瀏覽器，輸入http://127.0.0.1:8000，會看到以下起始畫面即代表專案建立成功：

到這個步驟就完成了Laravel的環境建置與建立專案，接下來我們將稍微了解一下Laravel的專案是怎麼運作的，然後放入Vue的檔案，這樣就能整合成一個Vue + Laravel的App了。